<template>
  <a-tree-select :tree-data="treeData" tree-checkable allow-clear @change="onChange" />
</template>
<script>
import areatree from "./areatree.json";
export default {
  name: "AreaTree",

  props: ["value"],
  data() {
    return {
      treeData: areatree
    };
  },

  methods: {
    onChange(val) {
      this.$emit("input", val.join(","));
      this.$emit("change", val.join(","));
    }
  }
};
</script>
<style lang="scss">
.ant-select-tree-dropdown {
  max-height: 40vh !important;
}
</style>
